<template>
	<view class="" style="background: #F5F3F3;">
		<view class="box_1">
			<image src="../../static/a13.png" style="width: 200rpx; height: 100rpx; margin-left: 500rpx; margin-top: 50rpx;" mode=""></image>
			<view class="box_2">
				<image src="../../static/a14.png" style="width: 150rpx; height: 150rpx; margin-top: 50rpx; margin-left: 50rpx; float: left;" mode=""></image>
				<view style=" width: 270rpx;text-align: center; color: #FDFEFF; float: left;">
					<br>
					<br>
					<p><b>李新杭</b> </p>
					<br>
					<p>高 级 认 证</p>
				</view>
				<view style="width: 240rpx; height: 100rpx; border: 1px solid #fff; float: left; margin-top: 100rpx; margin-left: 20rpx; border-radius: 50rpx;
				 color:#FDFEFF; line-height: 100rpx;">
					<image src="../../static/a15.png" style="width: 40rpx; height: 40rpx; margin-left: 20rpx; margin-top: 30rpx;float: left;" mode=""></image> 切换长辈版
				</view>
			</view>
		</view>
		
		<view class="box_3">
			<view class="box_10">
				<view class="box_11">
					<image src="../../static/a16.png" mode="" class="img_1"></image>
				</view>
				<view class="box_12">
					我的办件
				</view>
			</view>
			<view class="box_10">
				<view class="box_11">
					<image src="../../static/a17.png" mode="" class="img_1"></image>
				</view>
				<view class="box_12">
					权益积分
				</view>
			</view>
			<view class="box_10">
				<view class="box_11">
					<image src="../../static/a18.png" mode="" class="img_1"></image>
				</view>
				<view class="box_12">
					优惠券
				</view>
			</view>
			<view class="box_10">
				<view class="box_11">
					<image src="../../static/a19.png" mode="" class="img_1"></image>
				</view>
				<view class="box_12">
					我的钱包
				</view>
			</view>
		</view>
		
		<view class="box_4"></view>
		
		<view class="box_5">
			<view style="width: 100%; height: 40%; line-height:140rpx;">
				<b>个人中心</b>
			</view>
			<view style="width: 100%; height: 50%; ">
				<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="120">
					<view id="demo1" class="scroll-view-item_H uni-bg-red"><image src="../../static/32.png" mode="" class="img"></image> </view>
					<view id="demo2" class="scroll-view-item_H uni-bg-green"><image src="../../static/33.png" mode="" class="img"></image></view>
					<view id="demo2" class="scroll-view-item_H uni-bg-blue"><image src="../../static/34.png" mode="" class="img"></image></view>
				</scroll-view>
			</view>
		</view>
		
		<view style="height: 20rpx;"></view>
		
		<view class="box_6">
			<view style="width: 100%; height:100rpx; line-height:100rpx;">
				<b>我的服务</b>
			</view>
			<view class="box_10">
				<view class="box_11">
					<image src="../../static/a20.png" mode="" class="img_2"></image>
				</view>
				<view class="box_12">
					电子证照
				</view>
			</view>
			
			<view class="box_10">
				<view class="box_11">
					<image src="../../static/a21.png" mode="" class="img_2"></image>
				</view>
				<view class="box_12">
					亲情账号
				</view>
			</view>
			
			<view class="box_10">
				<view class="box_11">
					<image src="../../static/a22.png" mode="" class="img_2"></image>
				</view>
				<view class="box_12">
					文明出行
				</view>
			</view>
			
			<view class="box_10">
				<view class="box_11">
					<image src="../../static/a23.png" mode="" class="img_2"></image>
				</view>
				<view class="box_12">
					智慧停车
				</view>
			</view>
			
			<view class="box_10">
				<view class="box_11">
					<image src="../../static/a24.png" mode="" class="img_2"></image>
				</view>
				<view class="box_12">
					联系我们
				</view>
			</view>
			
			<view class="box_10">
				<view class="box_11">
					<image src="../../static/a25.png" mode="" class="img_2"></image>
				</view>
				<view class="box_12">
					邀请好友
				</view>
			</view>
			
			<view class="box_10">
				<view class="box_11">
					<image src="../../static/a26.png" mode="" class="img_2"></image>
				</view>
				<view class="box_12">
					我的评价
				</view>
			</view>
			
			<view class="box_10">
				<view class="box_11">
					<image src="../../static/a27.png" mode="" class="img_2"></image>
				</view>
				<view class="box_12">
					问题反馈
				</view>
			</view>
			

		</view>
	
	
	<view style="height: 20rpx;"></view>
	
	<view class="box_7">
		
		<view style="height: 100rpx; line-height:100rpx;">
			<b>法人服务</b>
		</view>
		
		<view class="box_10">
			<view class="box_11">
				<image src="../../static/a31.png" mode="" class="img_3"></image>
			</view>
			<view class="box_12">
				绑定企业
			</view>
		</view>
		
		<view class="box_10">
			<view class="box_11">
				<image src="../../static/a32.png" mode="" class="img_3"></image>
			</view>
			<view class="box_12">
				我是经办人
			</view>
		</view>
		
		<view class="box_10">
			<view class="box_11">
				<image src="../../static/a33.png" mode="" class="img_3"></image>
			</view>
			<view class="box_12">
				我是经办人
			</view>
		</view>
		
		<view class="box_10">
			<view class="box_11">
				<image src="../../static/a34.png" mode="" class="img_3"></image>
			</view>
			<view class="box_12">
				电子印章
			</view>
		</view>
		
		
	</view>
	</view>
</template>

<script>
	
	export default {
		data(){
			return{
			}
		},
		methods:{
			scroll: function(e) {
							console.log(e)
							this.old.scrollTop = e.detail.scrollTop
			},
		}
	}
	
</script>

<style>
	
	.box_7{
		width: 90%;
		height: 240rpx;
		background: #fff;
		margin: auto;
	}
	
	.box_6{
		width: 90%;
		height: 400rpx;
		background: #fff;
		margin: auto;
	}
	
	.img{
		width: 100%;
		height: 200rpx;
	}
	.scroll-view_H {
		white-space: nowrap;
		width: 100%;
		height: 200rpx;
	}
	.scroll-view-item_H {
		display: inline-block;
		width: 45%;
		height: 200rpx;
		line-height: 200rpx;
		text-align: center;
		font-size: 36rpx;
		margin-left: 2.5%;
	}
	
	.box_5{
		width: 90%;
		height: 350rpx;
		background: #fff;
		margin: auto;
	}
	
	
	.box_4{
		width: 90%;
		height: 110rpx;
		margin-bottom: 20rpx;
	}
	
	.box_10{
		float: left;
		flex-direction: column;
		text-align: center;
		width: 25%;
	}
	
	.img_2{
		width: 70rpx;
		height: 70rpx;
		margin-top: 20rpx;
	}
	
	.img_1{
		width: 70rpx;
		height: 70rpx;
		margin-top: 40rpx;
	}
	
	.img_3{
		width: 70rpx;
		height: 70rpx;
	}
	
	.box_3{
		width: 90%;
		height: 200rpx;
		background: #fff;
		margin: auto;
		position: absolute;
		top: 400rpx;
		left: 36rpx;
	}
	
	.box_2{
		width: 750rpx;
		height: 340rpx;
		
	}
	
	.box_1{
		width: 750rpx;
		height: 500rpx;
		background: #409EFF;
	}
</style>